<template>
	<view style="border: 1px solid #fff;">
		<view class="card" v-for="(item,i) in list" :key="i">
			<view class="font-26 mb_20 flex flex-jc-sb flex-ai-c" style="color: #999999;padding-top: 40rpx;">
				<view>{{item.createtime}}</view>
				<view v-if="!item.status" style="width: 15rpx;height: 15rpx;background: red;border-radius: 50%;"></view>
			</view>
			<view class="font-24" style="font-weight: 500;padding-bottom: 40rpx;border-bottom: 2rpx solid #E7E5E0;">
				{{item.message}}
			</view>
			
			<view style="padding: 30rpx 0;color: #666666;" class="font-26 flex flex-jc-sb" @click="lookDetail(item)">
				<view>查看详情</view>
				<u-icon name="arrow-right" color="#666666"></u-icon>
			</view>
		</view>
	</view>
</template>

<script lang="ts" setup>
	interface Props {
		list ?: any
		swiperCurrent ?: number
	}
	const props = withDefaults(defineProps<Props>(), {
		list: [],
		swiperCurrent: 0
	})

	const emit = defineEmits(['lookDetail'])
	const lookDetail = (item: any) => {
		emit('lookDetail',props.swiperCurrent + 1)
		if(props.swiperCurrent == 0) {
			uni.navigateTo({
				url: `/pages/me/friendManager/index?index=1`
			})
		}else{
			uni.navigateTo({
				url: `/pages/me/salon/index`
			})
		}
	}
</script>

<style scoped lang="scss">
	.card {
		background: #F8F8F8;
		padding: 0 20rpx;
		margin: 20rpx;
	}

	
</style>